<template>
  <div style="margin-right: 15px;" class="header-account-balance">
    <Icon
      type="logo-yen"
      color="orange"
      style="border: 1px solid orange; padding: 3px; border-radius: 3px;"
    />
    <span style="color: orange; margin-right: 10px; margin-left: 5px;">账户余额(元)</span>
    <Tag style="border: 1px solid #000; border-radius: 15px">
      <span>服务费：{{accountBalance[0] && accountBalance[0].service ? accountBalance[0].service : '0'}}</span>
      <span
        style="margin-left: 50px;"
      >佣金：{{accountBalance[0] && accountBalance[0].commission ? accountBalance[0].commission : '0'}}</span>
    </Tag>
  </div>
</template>

<script>
export default {
  name: 'HeaderAccountBalance',
  props: {
    accountBalance: null
  }
}
</script>

<style lang="less">
  .header-account-balance{
    height: 64px;
    line-height: 64px;
  }
</style>
